<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

	<title>HiveTop</title>
	<meta name="Keywords" content="HiveTop"/>
	<meta name="Description" content="博客HiveTop,网站简介。"/>

  </head>
  
  <body>


 <!--头部代码开始-->


<jsp:include page="../inc/head_nav.jsp" />  

	<div class="hr tp-div-nexthr" style="margin-top: 0;margin-bottom: 0;padding: 0;"></div>
	<div class="container pb-15">
	<!-- Example row of columns -->
	<div class="row home-index">
		<div class="span13">
			<div class="span8">
				<div class="label-div t-20 border-all">
					<div class="l-15">
						<h3 class="label-title border-b b-15 small clearfix" style="padding-bottom: 14px;">
							<a href="javascript:;" title="文章推荐" class="pull-left r-10">文章推荐</a>
						</h3>
					</div>
<div class="label-main">
    <div class="news-slides b-15 l-15">
     			
        </div>    
	<!--图文解说开始-->
    <div class="hr l-15 t-15 b-20"></div>
      <!--第一个开始-->
      <c:forEach items="${artTop}" var="artTop" varStatus="s">
      <div class="news-list b-30 clearfix">
        <div class="spanm3 pull-left" style="padding-top:7px;">
            <a href="" rel="bookmark" title="${artTop.articleTitle}" style="display: block;" target="_blank">
            <img src="${pageContext.request.contextPath}/resource/images/t${s.index+1}.jpg"/>
            </a>
        </div>
		<div class="offsetindex3 intro">
			 <h1><a href="${pageContext.request.contextPath}/ArticleSer?tag=detail&&articleid=${artTop.articleId}" title="${artTop.articleTitle}" rel="bookmark" target="_blank">${artTop.articleTitle}</a></h1>
		     <p class="t-5 fc666" style=" margin-bottom:0px;">${artTop.articleRoundup}</p>
             <div class="myxm"><span><a>${artTop.user.userName}</span>  <span class="two"><a>${artTop.articlecat.sortName}</a></span> </div>
			<div class="clearfix">				
							<a >${artTop.getStringDate2() }</a>&nbsp;&nbsp;&nbsp;
							<a class="read-btn ie6png" href="javascript:void(0);" title="">${artTop.articleClick}</a>
			 </div>
		</div>
	</div>	
	</c:forEach>									
     <!--第一个结束--> 
		</div>
	</div>
</div>

        	
<div class="span5">
    <div class="label-div t-20 border-all">
    
    	<!--栏目展示-->
        <div class="l-15 mmtop">
            <h3 class="label-title border-b small clearfix" style="padding-bottom: 14px; margin-bottom:14px;">
               <a href="javascript:;" title="专栏专区" class="pull-left r-10">专栏专区</a>
                <span class="pull-left">              
                </span>
               <a href="/topic.html" title="更多" class="more-add ie6png pull-right">&nbsp;</a>
            </h3>
        </div>
        <!--栏目展示结束-->
        
	     
	    <div class="label-main">
    
         <!--内容介绍第一个-->
         <c:forEach items="${caList}" var="scolTop">
          <div class="topic-list b-45">
            <div class="clearfix">
                <div class="span1 pull-left">
                    <a href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${scolTop.scolumn.columnId}" rel="bookmark" title="${olTop.scolumn.columnName}" target="_blank">
                    <img  alt="${scolTop.scolumn.columnName}" src="${pageContext.request.contextPath}${scolTop.scolumn.columnImgUrl}" style="display: block;"/>
                    </a>
                </div>
                
                <div class="offset1 intro">
                    <h1><a href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${scolTop.scolumn.columnId}" title="${scolTop.scolumn.columnName}" rel="bookmark" target="_blank">${scolTop.scolumn.columnName}</a></h1>
                </div>
            </div>
            <div class="intro l-20">
                <p class="t-15 fc666 mmbuttom">${scolTop.scolumn.columnDesc}</p>
                <div class="clearfix">
                    <a class="read-btn ie6png" href="javascript:void(0);">${scolTop.articleView}次</a>
                </div>
            </div>
        </div>
        </c:forEach>
        <!--内容介绍第一个结束-->
        
          
        
   	 </div>
	</div>
   </div>
 
 
	   
 </div>       
    <!--右侧栏目--->          
        <div class="span3">
        <div class="label-div t-20 border-all">
		<div class="l-15"><h3 style="padding-bottom: 14px;" class="label-title border-b b-20 small clearfix">关注我们</h3></div>
				<div class="l-15 home-other clearfix">没错，就是我们
					<a target="_blank" class="home-sina"></a>
					<a target="_blank" class="home-qq" ></a>
					<a target="_blank" class="home-renren" ></a>
				  <a style="margin-right: 0;" target="_blank" class="home-linkin" title="LinkedIn" ></a>
				</div>

			</div>     
            <div class="t-30"><a target="_blank" href="javascript:;"></a></div>	
			<div class="label-div t-30 border-all">
				<div class="l-15">
                <h3 class="label-title border-b b-15 small clearfix" style="padding-bottom: 14px;">关注项目</h3></div>
				<div class="label-main tody-hot l-15" >
					<ul>
					  <li><a href="">我压制不住我自己</a></li>
                      <li><a href="">老实人不忽悠</a></li>
                      <li><a href="">范伟打天下</a></li>
                      <li><a href="">谁能阻我</a></li>
                      <li><a href="">打代码</a></li>
                      <li><a href="">你也爱网上冲浪吗</a></li>
					</ul>
				</div>
			</div> 
            <div class="label-div t-30 border-all">
				<div class="l-15">
               		 <h3 class="label-title border-b b-15 small clearfix" style="padding-bottom: 14px;">精选留言</h3>
                </div>
				<div class="label-main tody-hot l-15" >
					<ul>
					  <li><a href="">感谢大家</a></li>
                      <li><a href="">投我一票</a></li>
                      <li><a href="">一刀999</a></li>
                      <li><a href="">全体成员</a></li>
                      <li><a href="">恭祝大家</a></li>
                      <li><a href="">新年快乐</a></li>
                      <li><a href="">恭喜发财</a></li>
                      <li><a href="">工作顺利</a></li>
					</ul>
				</div>
			</div>                      
            <div class="t-30"><a href="/image.html" target="_blank"></a></div>             
            <div class="label-div t-30 border-all">
				<div class="l-15"><h3 class="label-title border-b b-15 small clearfix" style="padding-bottom: 14px;">合作机构</h3></div>
				<div class="label-main tody-hot l-15" >
					<ul>
					  <li><a href="">中软ETC</a></li>
                      <li><a href="">腾讯QQ</a></li>
                      <li><a href="">用‘薪’制造游戏</a></li>
                      <li><a href="">网易云音乐</a></li>
                      <li><a href="">CSDN</a></li>
					</ul>
				</div>
			</div>           
		</div>
	</div>
</div>
<!-- /container -->
 <div class="container">
 	<div class="hr"></div>
    </div>
<!-- /container -->
	
<jsp:include page="../inc/footer_nav.jsp" />

<script type="text/javascript">
//回到顶部
backToTop('body');
</script>   
  </body>
</html>
